@CHARSET "ISO-8859-1";


*{
	/* Page reset */
	margin:			0;
	padding:		0;
}



body{
	/* Body Styles */
	font-size:			12px;
	color:				#666;
	background-color:	#f8f8f8;
	font-family:		Arial, Helvetica, sans-serif;
	height:				3000px
}

pre{
	background-color:	rgba(255, 255, 255, 0.35);
	color:				#888888;
	font-family:		Arial,Helvetica,sans-serif;
	font-size:			10px;
	margin-top:			10px;
	padding:			10px;
}

pre b{
	color:				black;
	font-weight:		normal;
}

h1{
	font-size:			24px;
	padding:			30px 0 0;
	text-align:			center;
	text-shadow:		0 1px 1px white;
}

h2{
	font-size:			20px;
	font-weight:		normal;
	padding:			10px 0 50px;
	right:				40px;
	text-align:			center;
}

h1,h2{
	font-family:	"Myriad Pro",Arial,Helvetica,sans-serif;
}

a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}









.greenBox {
	position: static; 
	float: none;
	width: 300px;
	height: 100px;
	border: 1px solid green;	
}

.blackBox {
	width: 300px;
	height: 300px;
	border: 1px solid black;	
}

.redBox {
	width: 200px;
	height: 200px;
	border: 1px solid red;	
}

.redAbsolute {
	position: 	absolute;
	top: 		10px;
	right: 		350px;
	width: 		188px;
	height: 	46px;
	border: 	1px solid red;	
	background-color: white;
}







.staticBox {
	position:			static; /*default*/
	float: none;
	margin: 			0px;
	width: 				100px;
	border: 			1px solid;
	background-color: 	yellow;
	
	/** these will be ignored because position is static **/
	top:				100px;
	left:				100px;
}

#box2 {
	position: absolute;
	margin: 0px;
	top: 20px;
	left: 20px;
	margin: 0px;
	padding: 5px;
	width: 70px;
	border: 1px solid;
	background-color: green;
}

.cel {
	position: 	static;
	float: 		left; 
	width: 		200px; 
	padding: 	10px; 
	outline:	1px dashed red;
}
.subCel {
	float:		none;	/** overwrite the previous float **/
	width:		500px; 	
	margin:		0 auto; /** center **/
}

#trueAbsolute {
	position:			absolute;
	left:				620px;
	top:				290px;
	height: 			200px;
	width: 				400px;
	background-color: 	white;
	color:				black;
	outline:1px dashed red;
}

#centerBox {
	width: 				100px; 
	margin:				0 auto; /* center */ 
	text-align: 		center;
	background-color: 	aqua;
}

#subBox3 {
	position: 			static; 
	left: 				5px;
	top:				5px; 
	width: 				70px;
	background-color: 	orange;
}

#fixed {
	position:			fixed;
	top:				200px;
	right:				10px;
	outline:			1px dashed red;

}

#floatR1 {
	position:			static;
	float:				right;
	width: 				150px;
	outline:			1px dashed red; /* always use this to debug layouts*/

}